<%@ page language="java" import="java.util.*" pageEncoding="UTF-8" isELIgnored="false" session="true" %>
<%@taglib prefix="s" uri="/struts-tags"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head>
	<base href="<%=basePath%>
	">
	<title><s:text name="M_7300_SPC_SHOW_CHART_TAG"/></title>
	<meta charset="utf-8">
	<%@ include file="/page/comPage/comCSS.html"%> 
	<%@ include file="/page/comPage/navbar.html"%>
	<!-- <link rel="stylesheet" type="text/css" href="css/spc/spc.css"> -->
	<style>
		  #bodyDiv{
	      	margin: 30px 0 0 0 ;
	      }
	      body {
	        padding-top: 60px; 
	        /* 60px to make the container go all the way to the bottom of the topbar */
	      }
	      #sidebar ul.navigation li{
			  width:2gro00px;
			  height:40px;
			  position:relative;
			  /*line-height:40px;*/
			  background-image:url('img/menu-separator.jpg');  
			  backund-repeat:no-repeat;
			  background-position:0 35px;
	  	  }
	  	  #calCpkDialogForm .control-group{
		    margin-bottom: 3px;
		  }
		  #queryDialog {
	        margin-left: 10%;
	        width: 60%;
	        left: 10%;
	      }
	      #chartListDiv{
	      	height :30%;
	      }
	</style>

<body>

	<div >
		<div class="span12">
			<button class="btn btn-inverse" id="f3_btn">
				<s:text name="F3_EXIT_TAG"/>
			</button>
			<button class="btn btn-info"    id="f1_btn">
				<s:text name="F1_QUERY_TAG"/>
			</button>
			<button class="btn btn-primary" id="f5_btn">
				计算CPK
			</button>
			<button class="btn btn-primary" id="f10_btn">
				<s:text name="F10_CLEAR_TAG"/>
			</button>
		</div>
	</div>

	<div class ="span12">
		<div class="container-fluid">

				<div class="row-fluid">

					<div class="span12">

						<h3>

							SPC PAGE

						</h3>

					</div>

				</div>
		</div>

		<!-- <div id="pointInformationAndChart" class ="span12 row"> -->
		<!-- <div id="pointInformation" class="span12 row"> -->
			<form id ="pointInfoForm" class="row span12 form-horizontal">
				<div class="control-group span3">
					<label class="control-label" for="inputTimeStampTxt">
						输入时间		
					</label>
					<div class="controls">
						<input type="text" id="inputTimeStampTxt" class="span2"/>
					</div>
				</div>
				<div class="control-group span3 offset1">
					<label class="control-label" for="pointValueTxt">
						数据点值			
					</label>
					<div class="controls">
						<input type="text" id="pointValueTxt" class="span2"/>
					</div>
				</div>
				<div class="control-group span3 offset1">
					<label class="control-label" for="prdInfoSeqTxt">
						玻璃代码			
					</label>
					<div class="controls">
						<input type="text" id="prdInfoSeqTxt" class="span2"/>
					</div>
				</div>
				<div class="control-group span3">
					<label class="control-label" for="pToolIDTxt">
						制程机台		
					</label>
					<div class="controls">
						<input type="text" id="pToolIDTxt" class="span2"/>
					</div>
				</div>
				<div class="control-group span3 offset1">
					<label class="control-label" for="mToolIDTxt">
						量测机台			
					</label>
					<div class="controls">
						<input type="text" id="mToolIDTxt" class="span2"/>
					</div>
				</div>
				<div class="control-group span3 offset1">
					<label class="control-label" for="commentTxt">
						备注信息			
					</label>
					<div class="controls">
						<input type="text" id="commentTxt" class="span2"/>
					</div>
				</div>

			</form>
			<div>
				<canvas id="chart"></canvas>
			</div>
	</div>

	<!-- 查询对话框 -->

	<div id="queryDialog" class="modal hide fade ">

	    <div class="modal-header">

	      <button type="button" class="close" data-dismiss="modal">&times;</button>

	      <center>

	        <h3>

	          <s:text name="QUERY_CONDITION_TAG"/>

	        </h3>

	      </center>

	    </div>

	    <!--Modal header-->

	    <div class="modal-body">

	      <div class="row">



	      		<form id ="queryDialog_grpNameForm" class="row form-horizontal">

      			  <div class="control-group ">

		              <label class="control-label" for="queryDialog_grpNameSel">
		              	管制图组
		              </label>

		              <div class="controls">

		                <!-- <input type="text" id="queryDialog_grpNameTxt"  class="span2" /> -->
		                <select id ="queryDialog_grpNameSel"></select>

		                <!-- <span id="queryDialog_helpLineSpn" class="help-inline">

		                	模糊查询请使用<span style="color:red;font-weight : bold;">*</span>

		                </span> -->


		              </div>

		          </div>

				</form>
				 <div id ="chartListDiv" class ="span5" >
			          <table id="chartListGrd"></table>
					  <div id="chartListPg"></div>
				  </div>

	      </div>

	    </div>

	    <!--Modal body-->

	    <div class="modal-footer" >

	      <a  id="queryDialog_cancelBtn"  class="btn" data-dismiss="modal" >

	        <s:text name="CANCEL_TAG" />

	      </a>

	      <a  id="queryDialog_queryBtn" class="btn btn-primary">

	        <s:text name="QUERY_BTN_TAG" />

	      </a>

	    </div>

	</div>



	  <!-- CHART维护对话框 -->
  	<div id="calCpkDialog" class="modal hide fade">
	    <div class="modal-header">
	      <button type="button" class="close" data-dismiss="modal">&times;</button>
	      <center>
	        <h3>
	        	计算结果
	        </h3>
	      </center>
	    </div>
	    <!--Modal header-->
	    <div class="modal-body">
	      <!-- <div class="row"> -->
	        <form id ="calCpkDialogForm" class="row form-horizontal">
	        	
				<div class="control-group ">
					<label class="control-label " for="meanTxt">
						MEAN:
					</label>
					<div class="controls">
						<input type="text" id="meanTxt" />
					</div>
				</div>
				
				<div class="control-group ">
					<label class="control-label " for="stdDevTxt">
						std.Dev
					</label>
					<div class="controls">
						<input type="text" id="stdDevTxt" />
					</div>
				</div>

				<div class="control-group ">
					<label class="control-label " for="sigmaTxt">
						sigma
					</label>
					<div class="controls">
						<input type="text" id="sigmaTxt" />
					</div>
				</div>

				<div class="control-group ">
					<label class="control-label " for="caTxt">
						ca
					</label>
					<div class="controls">
						<input type="text" id="caTxt" />
					</div>
				</div>
				<div class="control-group ">
					<label class="control-label " for="cpTxt">
						cp
					</label>
					<div class="controls">
						<input type="text" id="cpTxt" />
					</div>
				</div>
				<div class="control-group ">
					<label class="control-label " for="cpkTxt">
						cpk
					</label>
					<div class="controls">
						<input type="text" id="cpkTxt" />
					</div>
				</div>
				<div class="control-group ">
					<label class="control-label " for="ppTxt">
						pp
					</label>
					<div class="controls">
						<input type="text" id="ppTxt" />
					</div>
				</div>
				<div class="control-group ">
					<label class="control-label " for="ppkTxt">
						ppk
					</label>
					<div class="controls">
						<input type="text" id="ppkTxt" />
					</div>
				</div>
				<div class="control-group ">
					<label class="control-label " for="gradeTxt">
						grade
					</label>
					<div class="controls">
						<input type="text" id="gradeTxt" />
					</div>
				</div>
				
				
	    	</form>
	    </div>
	    <!--Modal body-->
	    <div class="modal-footer" >
	      <a  id="calCpkDialog_cancelBtn"  class="btn" data-dismiss="modal" >
	        <s:text name="CANCEL_TAG" />
	      </a>
	    </div>
    	<!--Modal footer--> 
 	</div>

	<%@ include file="/page/comPage/comJS.html"%>
	<script type ="text/javascript" src="js/com/comSpc.js" ></script>
	<script type ="text/javascript" src="js/spc/chart.js" ></script>
	<script type ="text/javascript" src="js/page/7000/7300.js" ></script>
</body>
</html>